<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <link rel="stylesheet" href="/static/style.css">
    <link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body>
<!--主内容开始-->
<div class="admin-content">
    <button class="layui-btn" id="add">添加用户</button>
    <table id="userList" class="layui-table" lay-filter="user-list"></table>
</div>
<!--主内容结束-->
<script type="text/html" id="listToolBar">
    {{#  if(d.role == 'user'){ }} <!--layui模板判断状态是用户还是管理员颜色改变-->
    <a class="layui-btn  layui-btn-warm layui-btn-xs" lay-event="asAdmin">
        设为管理员
    </a>
    {{#  } else if (d.role == 'admin') { }}<!--layui模板判断状态是用户还是管理员颜色改变-->
    <a class="layui-btn layui-btn-xs" lay-event="asUser">
        设为用户
    </a>
    {{#  } }}
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">
        <i class="layui-icon layui-icon-delete"></i>删除
    </a>
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="update">
        <i class="layui-icon layui-icon-edit"></i>修改
    </a>
</script>
<script type="text/html" id="userStatus">
    {{#  if(d.role == 'admin'){ }}
    <a class="layui-btn layui-btn-danger layui-btn-xs">
        管理员
    </a>
    {{#  } else if (d.role == 'user') { }}
    <a class="layui-btn layui-btn-primary layui-btn-xs">
        用户
    </a>
    {{#  } }}
</script>

<script type="text/html" id="userSex"><!--layui模板语法-->
    {{#  if(d.sex == 1 || d.sex == 'true'){ }}
        男
    {{#  } else{ }}
        女
    {{#  } }}
</script>
<script src="/static/layui/layui.js"></script>
<script>
    layui.config({
        base: '/static/lib/'
    }).extend({
        userList: 'userList'
    }).use(['userList', 'jquery', 'layer', 'laytpl'], function(){
        var $ = layui.$
            ,layer = layui.layer;
        $('#add').click(function () {
            layer.open({
                type: 2,//弹窗类型
                title: '添加用户',
                shadeClose: true,
                shade: 0.8,//阴影
                area: ['70%', '90%'],//弹出框大小
                content: '/user/add' //iframe的url
            });
        })
    });
</script>
</body>
</html>